{% extends "page_frame.html" %}
{% load static %}
{% block brand_title %}
    设备分布总览 <span style="font-size:8px;color: #676a7a;opacity: 0.7">(当前总访问量: <span id="clickNum"></span>)</span>
{% endblock %}

{% block static_import %}
    <link rel="stylesheet" href="{% static 'css/dashboard.css' %}">
    <script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
    <script src="{% static 'js/echarts.min.js' %}"></script>
{% endblock %}

{% block content %}
    <div class="first-box row align-items-center justify-content-around">
        <div class="col-6 echarts-box">
            <div id="echarts-dom"></div>
            <div id="echarts-box-tail">
            </div>
        </div>

        <div class="col-5 addition-box-right">
            <div id="echarts-dom2"></div>
            <div id="echarts-box-tail2">
            </div>
        </div>
    </div>

    <div class="row second-box justify-content-around align-items-center">

        <div class="card col-4" style="min-height: 100%">
                <div class="card-header">
                    广告位招租！！广告位招租！！！
                </div>
                <div class="card-body">
                    <h5 class="card-title">技术咨询、情感咨询、白内障看不清？找下面这堆人</h5>
                    <p class="card-text">
                        峰华带佬<span class="badge bg-dark">著名单身情感咨询师</span>
                        <a href="http://blog.hsojo.com"><span class="badge bg-danger">blog.hsojo.com点鸡此处跳转</span></a>
                    </p>
                </div>
            </div>
        <div class="col-7 border advertising position-relative">
            <div class="fw-bold fs-3 position-absolute" style="right: 0">学习不易，广告位招租</div>
            <img src="{% static 'images/bani-brand-1.jpg' %}" alt="">
        </div>
    </div>
{% endblock %}

{% block script %}
    <script src="{% static 'js/dashboard.js' %}"></script>
{% endblock %}